// 自定义导出 useWindowScroll()方法
// 返回值是一个对象，包含x（滚动宽）,y（滚动高）两个属性
// x，y是ref响应式对象

import { onMounted, ref } from 'vue'
export function useWindowScroll () {
  // 定义初始默认值0
  const x = ref(0)
  const y = ref(0)
  // 当DOM渲染挂载完毕之后
  onMounted(() => {
    //  监听页面滚动事件
    window.addEventListener('scroll', () => {
      // 赋值
      x.value = window.scrollX
      y.value = window.scrollY
    })
  })
  return {
    x, y
  }
}
